@for $i from 1 through 4 {
    .theme-#{$i} {
        // .el-calendar-table td.is-selected {
        //     background-color: nth($table_color_th_hover, $i)
        // }
        // .el-calendar-table td.is-today {
        //     color: nth($button_focus_default, $i)
        //     // color: nth($button_focus_default, $i)
        // }
        // .el-calendar-table .el-calendar-day:hover {
        //     cursor: pointer;
        //     background-color: nth($table_color_th_hover, $i)
        // }
        // .el-calendar-day{
        //     position: relative;
        //     .flexd__week, .flexd__work{
        //         position: absolute;
        //         top: 0;
        //         left: 0;
        //         width: 30px;
        //         height: 30px;
        //         line-height: 30px;
        //         text-align: center;
        //     }
        //     .flexd__week{
        //         background-color: nth($button_focus_default, $i);
        //         color: #ffffff;
        //     }
        //     .flexd__work{
        //         background-color: nth($selected-dropDown-shadow, $i);
        //         color: #000000;
        //     }
        // }
    }
}

.el-calendar-table thead th:nth-last-child(-n+2) {
    color: rgba(255, 0, 0, 0.795)
}

// 红底
.el-calendar-table td.is-selected {
    background-color: rgba(255, 195, 195, 0.267);
    // color: #ff0000;
}

.el-calendar-table .el-calendar-day:hover {
    cursor: pointer;
    background-color: rgba(255, 195, 195, 0.267);
}

.el-calendar-day{
    position: relative;
    .flexd__week, .flexd__work{
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }
    // .flexd__week{
    //     background-color: rgba(255, 0, 0, 0.795);
    //     color: #ffffff;
    // }
    // .flexd__work{
    //     background-color: rgba(255, 0, 0, 0.795);
    //     color: #000000;
    // }
}

.prev, .next{
    .work{
        color: rgba(133, 133, 133, 0.795) !important;
    }
    .week{
        color: rgb(233, 171, 171) !important;
    }
}
.current {
    .work{
        color: #000000 !important;
    }
    .week{
        color: rgba(255, 0, 0, 0.795) !important;
    }
}

.el-calendar-table .current{
    .flexd__week{
        background-color: rgba(255, 0, 0, 0.795);
        color: #ffffff;
    }
    .flexd__work{
        background-color: rgba(133, 133, 133, 0.795);
        color: #ffffff;
    }
}

.el-calendar-table .next, .el-calendar-table .prev{
    .flexd__week{
        background-color: rgb(233, 171, 171);
        color: #ffffff;
    }
    .flexd__work{
        background-color: rgba(133, 133, 133, 0.37);
        color: #777777;
    }
}

// .calendar-day{
//     font-size: 14px;
//     font-weight: bold;
// }

// 本月周末红字
.el-calendar-table .current:nth-last-child(-n+2) .calendar-day{
    color: rgb(255, 0, 0);
}

// 下个月周末 红字
.el-calendar-table .next:nth-last-child(-n+2) .calendar-day, .el-calendar-table .prev:nth-last-child(-n+2) .calendar-day{
    color: rgb(233, 171, 171);
}

// 红字
.el-calendar-table td.is-today {
    color: #111111;
}

.el-calendar {
    background-color: #fff
}

.el-calendar__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid #EBEEF5;
}

.el-calendar__header__hide .el-calendar__header{
    display: none !important;
}

.el-calendar__title {
    color: #000;
    -ms-flex-item-align: center;
    align-self: center
}

.el-calendar__body {
    padding: 12px 20px 35px
}

.el-calendar-table {
    table-layout: fixed;
    width: 100%
}

.el-calendar-table thead th {
    padding: 12px 0;
    color: #606266;
    font-weight: 400
}

.el-calendar-table:not(.is-range) td.next,
.el-calendar-table:not(.is-range) td.prev {
    color: #C0C4CC
}

.el-calendar-table td {
    border-bottom: 1px solid #EBEEF5;
    border-right: 1px solid #EBEEF5;
    vertical-align: top;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}


.el-calendar-table tr:first-child td {
    border-top: 1px solid #EBEEF5
}

.el-calendar-table tr td:first-child {
    border-left: 1px solid #EBEEF5
}

.el-calendar-table tr.el-calendar-table__row--hide-border td {
    border-top: none
}

.el-calendar-table .el-calendar-day {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    height: 85px;
    line-height: 70px;
    text-align: center;
}

